<template>
  <div class="weekend-container">
    <h2 class="weekend-title">周末去哪儿</h2>
    <div>
      <div class="weekend-item" v-for="item in weekendList" :key="item.id">
        <div class="weekend-img">
          <img :src="item.imgUrl" alt>
        </div>
        <div class="weekend-info">
          <p class="weekend-name">{{item.name}}</p>
          <p class="weekend-desc">{{item.desc}}</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props:["weekendList"],
  data() {
    return {
    };
  }
};
</script>
<style lang="stylus" scoped>
.weekend-container
  font-size 0.28rem

.weekend-title
  padding-left 0.2rem
  line-height 0.8rem

.weekend-img
  overflow hidden

  img
    width 100%

.weekend-info
  padding 0.1rem 0.2rem

.weekend-name
  line-height 0.48rem

.weekend-desc
  font-size 0.24rem
  line-height 0.42rem
  color #616161
</style>


